<!-- template -->
<template>
  <div class="errorpage">
    <Card>
      <template #title>
        <h3>Error {{ props.code }}</h3>
      </template>
      <template #subtitle>
        <Button type="primary">Go Back</Button>
      </template>
      <template #content>
        <p>{{ props.message }}</p>
      </template>
    </Card>
  </div>
</template>
<!-- ts -->
<script setup lang="ts" name="ErrorPage">
const props = withDefaults(
  defineProps<{ code: number; message: string; fallback: () => void }>(),
  {
    code: 500,
    message: "An error occurred",
    fallback: () => {},
  }
);
</script>
<!-- style -->
<style scoped>
/* .errorImg {
  background-image: url("@/assets/error-bg.jpg");
  background-size: cover;
  height: 100vh;
  display: flex;
} */
</style>
